<template>
	<van-search class="custom" v-model="value" right-icon="search" clearable left-icon="" placeholder="输入医院、医护" />
	<div class="m-[10px] overflow-hidden rounded-[10px] bg-[#ffffff] p-[10px]" v-for="item in 6" :key="item">
		<div class="flex items-center">
			<van-image
				round
				width="13.3vw"
				height="13.3vw"
				src="http://www.dingdongdr.com/dingdong/file/picFile/20190523141207.jpg"
			/>
			<div class="ml-[12px]">
				<div>
					<span>夏金萍</span><span class="mx-[10px] text-[12px] text-[#fb7716]">主管护师</span
					><span class="text-[12px] text-[#fb7716]">19年经验</span>
				</div>
				<div class="text-[12px]">浙江大学医学院第二附属医院</div>
			</div>
		</div>
		<div class="mt-[10px] flex text-[12px]">
			擅长方向：
			<div class="grid w-[244px] grid-cols-4 place-items-center gap-[6px]">
				<span
					v-for="item in 6"
					:key="item"
					class="inlin-block rounded-[4px] bg-[#e8f3f8] px-[4px] py-[2px] text-[#6b889f]"
				>
					造口护理
				</span>
			</div>
		</div>
	</div>
</template>

<style lang="scss" scoped>
.custom {
	&:deep(.van-search__content) {
		border-radius: 20px;
	}
}
</style>
